<template>
    <a class="middleButton" v-on:click="midButtonEvent">{{title}}</a>
</template>
<style scoped>
    .middleButton{
        color: #18ceb4;
        background-color: #ffffff;
        min-width: 132px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #18ceb4;
        text-align: center;
    }
</style>
<script>
export default {
    name:"middleButton",
    props:["title"],
    methods:{
        midButtonEvent:function(){
            this.$emit('click')
        }
    }
}
</script>
